<!DOCTYPE html>
<html>
 <head> 
  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>  
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>整体分析</title> 
    <style>
		@font-face {
			font-family: 'regular';
			src:url(font/SFRegular.ttf);
		}
	</style>

     <!-- <script type="text/javascript" charset="utf-8" src="js/cordova.js"></script> -->
     <script type="text/javascript" src="js/common/echarts.js"></script>
     <script type="text/javascript" src="js/common/mapUtil.js"></script>
     <script type="text/javascript" src="js/common/string2Map.js"></script>
     <script type="text/javascript" src="js/common/dateUtil.js"></script>
     <script type="text/javascript" src="js/common/periodUtil.js"></script>
     <script type="text/javascript" src="js/common/tempUnit.js"></script>
     <script type="text/javascript" src="js/overview/drawOverviewChart.js"></script>
     <script type="text/javascript" src="js/overview.js"></script>

 </head> 
 <body style="margin:0px;padding:0px;" onload="showOverview()">
 
      <div id="staticBBTDiv" style="width:100%;height:40%;display:none">
            <div style="position:absolute; z-index:999;margin-top:5%;right:5%; font-size:30px">
                <span id="currentBBT" style="font-family:Arial;font-size:30px;font-weight:100;color:#666461"></span>
            </div>
            <div>
                <img id="staticBBTImg" style="width:100%;height:40%" onClick='openChartActivity("BBTChartActivity")'/>
            </div>
      </div>
      <div id="bbtLineChart" style="border-top:1px solid #ccc;display:none" onClick='openChartActivity("BBTChartActivity")'></div>

      <ul style="width:100%;text-align:center;margin-left:auto;margin-right:auto;list-style-type:none;margin:0px;padding:0px">
          <li style="width:50%;height:40%;float:left">
              <div id="staticMensesDiv" style="width:95%;height:40%;position: relative;display:none;padding-left:5%">
                  <div style="position:absolute; z-index:999;margin-top:5%;right:5%; font-size:30px;">
                      <span id="mensesScore" style="font-family:Arial;font-size:30px;font-weight:100;color:#666461;display:none"></span>
                  </div>
                  <div>
                      <img id="staticMensesImg" style="width:99%;height:40%;border-top:1px solid #ccc;" onClick='openChartActivity("MensesChartActivity")'/>
                  </div>
              </div>
              <div id="mensesBarChart" style="width:95%;border-top:1px solid #ccc;display:none;" onClick='openChartActivity("MensesChartActivity")'></div>
          </li>

          <li style="width:50%;height:100%;float:left;">
              <div id="staticMucusDiv" style="width:95%;height:40%;position: relative;display:none;padding-right:5%">
                  <div style="position:absolute; z-index:999;margin-top:5%;right:5%; font-size:30px;">
                      <span id="mucusScore" style="font-family:Arial;font-size:30px;font-weight:100;color:#666461;display:none"></span>
                  </div>
                  <div>
                      <img id="staticMucusImg" style="width:100%;border-top:1px solid #ccc;" onClick='openChartActivity("MucusChartActivity")'/>
                  </div>
              </div>

              <div id="mucusBarChart" style="width:95%;border-top:1px solid #ccc;display:none;" onClick='openChartActivity("MucusChartActivity")'></div>
          </li>
      </ul>
 </body>
</html>